<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:body>

        <h:outputStylesheet library="css" name="maincss.css" />

        <ui:composition template="/resources/template/template.xhtml">
            <ui:define name="content">
                <h:form  >
                    <p:panel id="printer1" header="View Staff Signature" >
                        <p:dataTable value="#{staffController.items}" var="s" 
                                     rows="10"
                                     paginator="true"
                                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                     rowsPerPageTemplate="5,10,15"
                                     >
                            <p:column headerText="Name" >
                                <h:outputLabel value="#{s.person.nameWithTitle}" ></h:outputLabel>
                            </p:column>
                            <p:column headerText="Name" >
                                <p:graphicImage  value="#{staffImageController.signatureById}" style="height: 50px;" >
                                    <f:param name="id" value="#{s.id}" />
                                </p:graphicImage>
                            </p:column>
                        </p:dataTable>



                    </p:panel>

                </h:form>
            </ui:define>


        </ui:composition>

    </h:body>
</html>
